#mainTop {
	/*-fx-background-color: #66CCFF;*/
	-fx-border-width: 1px, 0px, 0px, 0px;
	-fx-border-color: silver;
	-fx-border-style: solid;
	-fx-background-image: url("../img/test.jpg");
	-fx-background-repeat: space;
	-fx-background-size: stretch; 
}

.RoomButton {
	/* 
    -fx-border-color: #1B9AF7;
    -fx-border-radius: 4px;*/
    -fx-border-width: 0px;
    -fx-padding: 2px;
    -fx-background-insets: 2px;
    -fx-border-insets: 2px;
    -fx-background-color: rgba(39, 152, 235, 0.7);
    -fx-font-family: 'Microsoft YaHei';
    -fx-font-size: 20px;
    -fx-font-weight: bold;
    -fx-text-fill: white;
    
}

.RoomButton:hover, .RoomButton:pressed {
	-fx-background-color: rgba(27,154,247, 0.9);
	
	/*
    -fx-border-color: transparent;
    -fx-background-color: #6699FF;
    -fx-background-radius: 4px; */
}
.RoomButton:pressed {
	-fx-background-color: #2798eb;
	-fx-text-fill: rgba(255, 255, 255, 0.5);
}

.RoomButton:focused {
	-fx-border-width: 2px;
	-fx-border-color: #FF0000;
}

.leftStatusTitle {
	-fx-font-size: 18px;
	-fx-font-weight: bold;
	-fx-font-family: 'Microsoft YaHei';
	-fx-text-fill: rgba(59, 64, 69, 0.85); 
}

#idName {
	-fx-font-family: 'Microsoft YaHei';
	-fx-text-fill: white;
	-fx-font-size: 24px;
	
}

#idType {
	-fx-font-family: 'Microsoft YaHei';
	-fx-text-fill: white;
	-fx-font-size: 16px;
}